<template>
	<div style="width: 100%;">
		<div style="width: 100%;display: flex;">
			<div style="background: #041C62;width:302px;height: 990px;" class="textCenter mr20">

				<div class="textCenter" :style="{'backgroundImage':'url('+require('../../assets/bigScreen/icon31.png')+')'}"
					style="background-size: 100% 42px;background-repeat: no-repeat;">
					<div class="colorfff font18">总评分</div>
				</div>

				<div style="font-size: 40px;color: #FFFFFF;margin-top: 50px;" class="textCenter">98</div>

				<div
					style="font-size: 16px;color: #FFFFFF;background: #DE6868;border-radius: 4px;padding: 2px 4px;display: inline-block;">
					优秀
				</div>

				<div id="main1" style="width: 80%;height: 250px;margin: 50px 10% 0;"></div>

				<div class="font18 colorfff mt10">
					18977654组总数据源
				</div>

				<div style="background: #001143;color: #5777D3;border-radius: 8px;margin: 68px 30px 0;text-align: left;"
					class="pad20 font14">
					<div style="margin-bottom: 20px;">大模型算法：</div>
					<div>
						<div class="mb5">1.药剂使用合理性回归算法</div>
						<div class="mb5">2.固危废申报合理性多普勒算法</div>
						<div>3.清洁生产相识度离散计算</div>
					</div>
				</div>
			</div>

			<div style="width:calc(100% - 302px);height: 980px;">
				<div style="height: 920px;" v-show="selectItem == '1'">
					<div style="height: 32px;background: linear-gradient(270deg, #041C62, #1649A4);"
						class="displayFlex mb12">
						<div class="inset-box">废气</div>
					</div>

					<div class="u-flex u-between">
						<div class="flex2">
							<div style="background: #041C62;" class="pb12 point textCenter"
								@click="$router.push('/wasteGas/survey')">
								<div class="u-flex mb12">
									<div class="flex1">
										<div class="colorfff font14 mb50"
											style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
											在线监测
										</div>
										<div class="mb50 ">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.onlineMonitor.hourPercent || '--'}}%
											</div>
											<div class="colorfff font14">小时数据达标</div>
										</div>
										<div>
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.onlineMonitor.dayPercent || '--'}}%
											</div>
											<div class="colorfff font14">日数据达标</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1">
										<div class="colorfff font14 mb50 "
											style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
											自行监测
										</div>
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.selfMonitor.completePercent || '--'}}%
											</div>
											<div class="colorfff font14">自行监测完成率</div>
										</div>
										<div>
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.selfMonitor.normalPercent || '--'}}%
											</div>
											<div class="colorfff font14">自行监测达标率</div>
										</div>
									</div>
								</div>
								<div style="font-size: 14px;color: #4E74E3;" class="mt20">
									{{dataList1.onlineMonitor.dataNum || '--'}}组数据源
								</div>
							</div>

							<div style="background: #041C62;" class="pb12 point textCenter mt12"
								@click="$router.push('/wasteGas/gasStandingBook')">
								<div class="colorfff font14 "
									style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
									巡检制度
								</div>

								<div class="u-flex">
									<div class="flex1 mt12">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.inspect.planPercent || '--'}}%
											</div>
											<div class="colorfff font14">设备覆盖率</div>
										</div>
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">{{dataList1.inspect.avgPlan || '--'}}%
											</div>
											<div class="colorfff font14">每台设备日均巡检</div>
										</div>
										<div style="font-size: 14px;color: #4E74E3;">
											{{dataList1.inspect.planDataNum || '--'}}组数据源
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt12">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.inspect.completePercent || '--'}}%
											</div>
											<div class="colorfff font14">巡检完成率</div>
										</div>
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.inspect.normalPercent || '--'}}%
											</div>
											<div class="colorfff font14">巡检质量合格率</div>
										</div>
										<div style="font-size: 14px;color: #4E74E3;">
											{{dataList1.inspect.inspectDataNum || '--'}}组数据源
										</div>
									</div>
								</div>
							</div>

							<div style="background: #041C62;" class="pb12 point textCenter mt12"
								@click="$router.push('/filesManage/pdfManage')">
								<div class="colorfff font14 "
									style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
									基本制度
								</div>
								<div class="u-flex mb12">
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.doc.completePercent || '--'}}%
											</div>
											<div class="colorfff font14">基本制度文件完整性</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.doc.commentPercent || '--'}}%
											</div>
											<div class="colorfff font14">基本制度文件评价率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.doc.emergencyPercent || '--'}}%
											</div>
											<div class="colorfff font14">应急管理</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.doc.planCompletePercent || '--'}}%
											</div>
											<div class="colorfff font14">计划覆盖完整性</div>
										</div>
									</div>
								</div>
								<div style="font-size: 14px;color: #4E74E3;" class="mt20">
									{{dataList1.inspect.dataNum || '--'}}组数据源
								</div>
							</div>
						</div>


						<div class="flex3 ml20">
							<div style="background: #041C62;" class="pb12 point textCenter"
								@click="$router.push('/wasteGas/orderHome')">
								<div class="colorfff font14 "
									style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
									处理设施运行
								</div>
								<div class="u-flex mb12">
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.defRun.normalPercent || '--'}}%
											</div>
											<div class="colorfff font14">稳定运行达成率</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.defRun.normalPercent || '--'}}%
											</div>
											<div class="colorfff font14">运行时长合理性比率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #DE6868;">
												{{dataList1.defRun.materialUseGrade || '--'}}
											</div>
											<div class="colorfff font14">药剂使用规范评估</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.defRun.dcsPercent || '--'}}%
											</div>
											<div class="colorfff font14">DCS接入率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.defRun.repairPercent || '--'}}%
											</div>
											<div class="colorfff font14">检修执行效率</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.defRun.autoMonitorPercent || '--'}}%
											</div>
											<div class="colorfff font14">自动监测覆盖</div>
										</div>
									</div>
								</div>
								<div style="font-size: 14px;color: #4E74E3;" class="mt20">
									{{dataList1.defRun.dataNum || '--'}}组数据源
								</div>
							</div>

							<div style="background: #041C62;" class="pb12 point textCenter mt12"
								@click="$router.push('/wasteGas/orderHome')">
								<div class="colorfff font14 "
									style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
									台账制度
								</div>
								<div class="u-flex mb12">
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.stdBook.completePercent || '--'}}%
											</div>
											<div class="colorfff font14">台账完成率</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.stdBook.timelyPercent || '--'}}%
											</div>
											<div class="colorfff font14">台账完成及时率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.stdBook.sourcePercent || '--'}}
											</div>
											<div class="colorfff font14">台账可溯源性</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.stdBook.checkPercent || '--'}}%
											</div>
											<div class="colorfff font14">台账复核率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.stdBook.normalPercent || '--'}}%
											</div>
											<div class="colorfff font14">台账正常率</div>
										</div>
									</div>
								</div>
								<div style="font-size: 14px;color: #4E74E3;">
									{{dataList1.stdBook.dataNum || '--'}}组数据源
								</div>
							</div>

							<div style="background: #041C62;" class="pb12 point textCenter mt12"
								@click="$router.push('/wasteGas/warningCenter')">
								<div class="colorfff font14 "
									style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
									预警、问题处理评价
								</div>
								<div class="u-flex mb12">
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.warning.warningCompletePercent || '--'}}%
											</div>
											<div class="colorfff font14">预警解决率</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.warning.problemCompletePercent || '--'}}%
											</div>
											<div class="colorfff font14">问题解决率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #DE6868;">
												{{dataList1.warning.hourClaimPercent || '--'}}
											</div>
											<div class="colorfff font14">预警小时响应率</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.warning.daySolvedPercent || '--'}}%
											</div>
											<div class="colorfff font14">问题不过日效率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.warning.warningRepeatPercent || '--'}}%
											</div>
											<div class="colorfff font14">预警复发性</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList1.warning.warningRepeatPercent || '--'}}%
											</div>
											<div class="colorfff font14">问题复发性</div>
										</div>
									</div>
								</div>
								<div style="font-size: 14px;color: #4E74E3;">
									{{dataList1.warning.dataNum || '--'}}组数据源
								</div>
							</div>
						</div>
					</div>
				</div>


				<div style="height: 920px;" v-show="selectItem == '2'">
					<div style="height: 32px;background: linear-gradient(270deg, #041C62, #1649A4);"
						class="displayFlex mb12">
						<div class="inset-box">废水</div>
					</div>

					<div class="u-flex u-between">
						<div class="flex2">
							<div style="background: #041C62;" class="pb12 point textCenter"
								@click="$router.push('/wasteWater/survey')">
								<div class="u-flex mb12">
									<div class="flex1">
										<div class="colorfff font14 mb50 "
											style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
											在线监测
										</div>
										<div class="mb50 ">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.onlineMonitor.hourPercent || '--'}}%
											</div>
											<div class="colorfff font14">小时数据达标</div>
										</div>
										<div>
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.onlineMonitor.dayPercent || '--'}}%
											</div>
											<div class="colorfff font14">日数据达标</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1">
										<div class="colorfff font14 mb50 "
											style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
											自行监测
										</div>
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.selfMonitor.completePercent || '--'}}%
											</div>
											<div class="colorfff font14">自行监测完成率</div>
										</div>
										<div>
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.selfMonitor.normalPercent || '--'}}%
											</div>
											<div class="colorfff font14">自行监测达标率</div>
										</div>
									</div>
								</div>
								<div style="font-size: 14px;color: #4E74E3;">
									{{dataList4.onlineMonitor.dataNum || '--'}}组数据源
								</div>
							</div>

							<div style="background: #041C62;" class="pb12 point textCenter mt12"
								@click="$router.push('/wasteGas/gasStandingBook')">
								<div class="colorfff font14 "
									style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
									巡检制度
								</div>

								<div class="u-flex">
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.inspect.planPercent || '--'}}%
											</div>
											<div class="colorfff font14">设备覆盖率</div>
										</div>
										<div class="mb12">
											<div class="font18 mb5" style="color: #75E7FF;">{{dataList4.inspect.avgPlan || '--'}}%
											</div>
											<div class="colorfff font14">每台设备日均巡检</div>
										</div>
										<div style="font-size: 14px;color: #4E74E3;">
											{{dataList4.inspect.planDataNum || '--'}}组数据源
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.inspect.completePercent || '--'}}%
											</div>
											<div class="colorfff font14">巡检完成率</div>
										</div>
										<div class="mb12">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.inspect.normalPercent || '--'}}%
											</div>
											<div class="colorfff font14">巡检质量合格率</div>
										</div>
										<div style="font-size: 14px;color: #4E74E3;">
											{{dataList4.inspect.inspectDataNum || '--'}}组数据源
										</div>
									</div>
								</div>
							</div>

							<div style="background: #041C62;" class="pb12 point textCenter mt12"
								@click="$router.push('/filesManage/pdfManage')">
								<div class="colorfff font14 "
									style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
									基本制度
								</div>
								<div class="u-flex mb12">
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.doc.completePercent || '--'}}%
											</div>
											<div class="colorfff font14">基本制度文件完整性</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.doc.commentPercent || '--'}}%
											</div>
											<div class="colorfff font14">基本制度文件评价率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.doc.emergencyPercent || '--'}}%
											</div>
											<div class="colorfff font14">应急管理</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.doc.planCompletePercent || '--'}}%
											</div>
											<div class="colorfff font14">计划覆盖完整性</div>
										</div>
									</div>
								</div>
								<div style="font-size: 14px;color: #4E74E3;">
									{{dataList4.inspect.dataNum || '--'}}组数据源
								</div>
							</div>
						</div>


						<div class="flex3 ml20">
							<div style="background: #041C62;" class="pb12 point textCenter"
								@click="$router.push('/wasteGas/orderHome')">
								<div class="colorfff font14 "
									style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
									处理设施运行
								</div>
								<div class="u-flex mb12">
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.defRun.normalPercent || '--'}}%
											</div>
											<div class="colorfff font14">稳定运行达成率</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.defRun.normalPercent || '--'}}%
											</div>
											<div class="colorfff font14">运行时长合理性比率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #DE6868;">
												{{dataList4.defRun.materialUseGrade || '--'}}
											</div>
											<div class="colorfff font14">药剂使用规范评估</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.defRun.dcsPercent || '--'}}%
											</div>
											<div class="colorfff font14">DCS接入率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.defRun.repairPercent || '--'}}%
											</div>
											<div class="colorfff font14">检修执行效率</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.defRun.autoMonitorPercent || '--'}}%
											</div>
											<div class="colorfff font14">自动监测覆盖</div>
										</div>
									</div>
								</div>
								<div style="font-size: 14px;color: #4E74E3;">
									{{dataList4.defRun.dataNum || '--'}}组数据源
								</div>
							</div>

							<div style="background: #041C62;" class="pb12 point textCenter mt12"
								@click="$router.push('/wasteGas/orderHome')">
								<div class="colorfff font14 "
									style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
									台账制度
								</div>
								<div class="u-flex mb12">
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.stdBook.completePercent || '--'}}%
											</div>
											<div class="colorfff font14">台账完成率</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.stdBook.timelyPercent || '--'}}%
											</div>
											<div class="colorfff font14">台账完成及时率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.stdBook.sourcePercent || '--'}}
											</div>
											<div class="colorfff font14">台账可溯源性</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.stdBook.checkPercent || '--'}}%
											</div>
											<div class="colorfff font14">台账复核率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.stdBook.normalPercent || '--'}}%
											</div>
											<div class="colorfff font14">台账正常率</div>
										</div>
									</div>
								</div>
								<div style="font-size: 14px;color: #4E74E3;">
									{{dataList4.stdBook.dataNum || '--'}}组数据源
								</div>
							</div>

							<div style="background: #041C62;" class="pb12 point textCenter mt12"
								@click="$router.push('/wasteGas/warningCenter')">
								<div class="colorfff font14 "
									style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">
									预警、问题处理评价
								</div>
								<div class="u-flex mb12">
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.warning.warningCompletePercent || '--'}}%
											</div>
											<div class="colorfff font14">预警解决率</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.warning.problemCompletePercent || '--'}}%
											</div>
											<div class="colorfff font14">问题解决率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #DE6868;">
												{{dataList4.warning.hourClaimPercent || '--'}}
											</div>
											<div class="colorfff font14">预警小时响应率</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.warning.daySolvedPercent || '--'}}%
											</div>
											<div class="colorfff font14">问题不过日效率</div>
										</div>
									</div>
									<div style="width: 1px;background: #1649A4;"></div>
									<div class="flex1 mt50">
										<div class="mb50">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.warning.warningRepeatPercent || '--'}}%
											</div>
											<div class="colorfff font14">预警复发性</div>
										</div>
										<div class="">
											<div class="font18 mb5" style="color: #75E7FF;">
												{{dataList4.warning.warningRepeatPercent || '--'}}%
											</div>
											<div class="colorfff font14">问题复发性</div>
										</div>
									</div>
								</div>
								<div style="font-size: 14px;color: #4E74E3;">
									{{dataList4.warning.dataNum || '--'}}组数据源
								</div>
							</div>
						</div>
					</div>
				</div>

				<div style="height: 920px;" v-show="selectItem == '3'">
					<div class="flex3 point pb12 textCenter" @click="$router.push('/waste/wasteDashboard')"
						style="background: #041C62;">
						<div style="height: 32px;background: linear-gradient(270deg, #041C62, #1649A4);" class="displayFlex">
							<div class="inset-box">危险废物</div>
						</div>

						<div style="width: 100%;height: 374px;">
							<div style="width: 100%;" class="colorfff u-flex mt40">
								<div class="flex1">
									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">{{dataList2.inStoragePercent}}%</div>
										<div class="font14">申报入库</div>
									</div>
									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">{{dataList2.disposeUsagePercent}}%</div>
										<div class="font14">资源化利用率</div>
									</div>

									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">有</div>
										<div class="font14">产生台账</div>
									</div>

									<div class="">
										<div class="font16 mb5" style="color: #75E7FF;">有</div>
										<div class="font14">应急预案</div>
									</div>

								</div>

								<div class="flex1">
									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">{{dataList2.disposeTimelyPercent}}%</div>
										<div class="font14">按期处置率</div>
									</div>
									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">{{dataList2.autoManage?'是':'否'}}</div>
										<div class="font14">智能化管理</div>
									</div>

									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">有</div>
										<div class="font14">贮存台账</div>
									</div>

									<div class="">
										<div class="font16 mb5" style="color: #75E7FF;">有</div>
										<div class="font14">应急演练</div>
									</div>
								</div>

								<div class="flex1">
									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">{{dataList2.storageNormalPercent}}%</div>
										<div class="font14">适度贮存率</div>
									</div>

									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">减量</div>
										<div class="font14">产生强度</div>
									</div>

									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">有</div>
										<div class="font14">处置利用台账</div>
									</div>

									<div class="">
										<div class="font16 mb5" style="color: #75E7FF;">有</div>
										<div class="font14">年度培训</div>
									</div>
								</div>

								<div class="flex1">
									<div class="u-flex">
										<div style="width: 4px;height: 62px;background: #1649A4;" class="mr20"></div>

										<div style="text-align: left;">
											<div class="mb5">
												<div class="font14 fontBold mb5">规范化管理</div>
												<div class="font20" style="color: #75E7FF;">{{dataList2.examine.totalScore}}分</div>
											</div>
											<div class="font12 mb5" style="color: #4E74E3;">按规范化检查总分50分</div>
										</div>
									</div>

									<div style="width: 100%;height: 1px;background: linear-gradient(90deg, #2D75F6, #072069);"
										class="mt15 mb15"></div>

									<div class="flex1" style="height: 240px;overflow-y: auto;padding-right: 20px;">
										<div v-for="(item,index) in dataList2.examine.list" :key="index">
											<div class="displayFlexBet">
												<div>{{item.tagName}}</div>
												<div style="color: #75E7FF;">{{item.score}}</div>
											</div>

											<div
												style="width: 100%;height: 1px;background: linear-gradient(90deg, #2D75F6, #072069);"
												class="mt15 mb15"></div>
										</div>
									</div>
								</div>
							</div>
							<div style="font-size: 13px;color: #4E74E3;margin-top: -10px;">
								{{dataList2.dataNum || '--'}}组数据源
							</div>
						</div>
					</div>

					<div class="flex3 point pb12 textCenter mt15" @click="$router.push('/waste/wasteDashboard')"
						style="background: #041C62;">
						<div style="height: 32px;background: linear-gradient(270deg, #041C62, #1649A4);" class="displayFlex">
							<div class="inset-box">一般工业固废</div>
						</div>

						<div style="width: 100%;height: 374px;">
							<div style="width: 100%;" class="colorfff u-flex mt40">
								<div class="flex1">
									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">{{dataList2.inStoragePercent}}%</div>
										<div class="font14">申报入库</div>
									</div>
									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">{{dataList2.disposeUsagePercent}}%</div>
										<div class="font14">资源化利用率</div>
									</div>

									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">有</div>
										<div class="font14">产生台账</div>
									</div>

									<div class="">
										<div class="font16 mb5" style="color: #75E7FF;">有</div>
										<div class="font14">应急预案</div>
									</div>

								</div>

								<div class="flex1">
									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">{{dataList2.disposeTimelyPercent}}%</div>
										<div class="font14">按期处置率</div>
									</div>
									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">{{dataList2.autoManage?'是':'否'}}</div>
										<div class="font14">智能化管理</div>
									</div>

									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">有</div>
										<div class="font14">贮存台账</div>
									</div>

									<div class="">
										<div class="font16 mb5" style="color: #75E7FF;">有</div>
										<div class="font14">应急演练</div>
									</div>
								</div>

								<div class="flex1">
									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">{{dataList2.storageNormalPercent}}%</div>
										<div class="font14">适度贮存率</div>
									</div>

									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">减量</div>
										<div class="font14">产生强度</div>
									</div>

									<div class="mb40">
										<div class="font16 mb5" style="color: #75E7FF;">有</div>
										<div class="font14">处置利用台账</div>
									</div>

									<div class="">
										<div class="font16 mb5" style="color: #75E7FF;">有</div>
										<div class="font14">年度培训</div>
									</div>
								</div>

							</div>
							<div style="font-size: 13px;color: #4E74E3;margin-top: 30px;text-align: right;margin-right: 70px;">
								{{dataList2.dataNum || '--'}}组数据源
							</div>
						</div>
					</div>
				</div>

				<div style="height: 920px;" v-show="selectItem == '4'">
					<div style="height: 32px;background: linear-gradient(270deg, #041C62, #1649A4);" class="displayFlex">
						<div class="inset-box">生产</div>
					</div>

					<div style="display: flex;">
						<div style="background: #041C62;height: 199px;flex: 5;" class="pb12 point textCenter mt12"
							@click="$router.push('/wasteWater/orderHome')">
							<div class="colorfff font14 "
								style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">台账制度</div>
							<div class="u-flex mb15">
								<div class="flex1 mt50">
									<div class="font18 mb5" style="color: #75E7FF;">
										{{dataList4.stdBook.completePercent || '--'}}%
									</div>
									<div class="colorfff font14">台账完成率</div>
								</div>
								<div style="width: 1px;background: #1649A4;height: 122px;"></div>
								<div class="flex1 mt50">
									<div class="font18 mb5" style="color: #75E7FF;">
										{{dataList4.stdBook.timelyPercent || '--'}}%
									</div>
									<div class="colorfff font14">台账完成及时率</div>
								</div>
								<div style="width: 1px;background: #1649A4;height: 122px;"></div>
								<div class="flex1 mt50">
									<div class="">
										<div class="font18 mb5" style="color: #75E7FF;">
											{{dataList4.stdBook.sourcePercent || '--'}}
										</div>
										<div class="colorfff font14">台账可溯源性</div>
									</div>
								</div>
								<div style="width: 1px;background: #1649A4;height: 122px;"></div>
								<div class="flex1 mt50">
									<div class="">
										<div class="font18 mb5" style="color: #75E7FF;">
											{{dataList4.stdBook.checkPercent || '--'}}%
										</div>
										<div class="colorfff font14">台账复核率</div>
									</div>
								</div>
							</div>
							<div style="font-size: 13px;color: #4E74E3;">
								{{dataList4.stdBook.dataNum || '--'}}组数据源
							</div>
						</div>

						<div style="background: #041C62;height: 199px;flex: 2;" class="pb12 point textCenter mt12 ml12"
							@click="$router.push('/cleanTransportation/home')">
							<div class="colorfff font14 "
								style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">清洁运输</div>
							<div>
								<div style="display: flex;justify-content: space-between;" class="mb15">
									<div class="mb20 flex1 mt50">
										<div class="font18 mb5" style="color: #75E7FF;">{{dataList9.carPercent || '--'}}%</div>
										<div class="colorfff font14">道路运输国六及新能源比率</div>
									</div>
									<div style="width: 1px;background: #1649A4;height: 122px;"></div>
									<div class="mb20 flex1 mt50">
										<div class="font18 mb5" style="color: #75E7FF;">{{dataList9.machineryPercent || '--'}}%
										</div>
										<div class="colorfff font14">非道路机械国六及新能源比率</div>
									</div>
								</div>

								<div style="font-size: 13px;color: #4E74E3;">
									{{dataList9.dataNum || '--'}}组数据源
								</div>
							</div>
						</div>
					</div>

					<div style="background: #041C62;" class="pb12 point textCenter mt12">
						<div class="colorfff font14 "
							style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">清洁生产</div>

						<div style="display: flex;justify-content: space-between;">
							<div style="flex: 1;" class="mt50">
								<div class="mb50">
									<div class="font18 mb5" style="color: #75E7FF;">{{dataList4.defRun.normalPercent || '--'}}%
									</div>
									<div class="colorfff font14">原料使用强度</div>
								</div>
								<div class="">
									<div class="font18 mb5" style="color: #75E7FF;">{{dataList4.defRun.normalPercent || '--'}}%
									</div>
									<div class="colorfff font14">一般工业固废强度</div>
								</div>
							</div>
							<div style="width: 1px;background: #1649A4;height: 212px;"></div>
							<div style="flex: 1;" class="mt50">
								<div class="mb50">
									<div class="font18 mb5" style="color: #75E7FF;">{{dataList4.defRun.materialUseGrade || '--'}}
									</div>
									<div class="colorfff font14">能耗强度</div>
								</div>
								<div>
									<div class="font18 mb5" style="color: #75E7FF;">{{dataList4.defRun.dcsPercent || '--'}}%
									</div>
									<div class="colorfff font14">污水排放强度</div>
								</div>
							</div>
							<div style="width: 1px;background: #1649A4;height: 212px;"></div>
							<div style="flex: 1;" class="mt50">
								<div class="mb50">
									<div class="font18 mb5" style="color: #75E7FF;">{{dataList4.defRun.repairPercent || '--'}}%
									</div>
									<div class="colorfff font14">危废产生强度</div>
								</div>
								<div>
									<div class="font18 mb5" style="color: #75E7FF;">
										{{dataList4.defRun.autoMonitorPercent || '--'}}%</div>
									<div class="colorfff font14">生产连续性</div>
								</div>
							</div>
							<div style="width: 1px;background: #1649A4;height: 212px;"></div>
							<div style="flex: 1;" class="mt50">
								<div class="mb50">
									<div class="font18 mb5" style="color: #75E7FF;">{{dataList4.defRun.repairPercent || '--'}}%
									</div>
									<div class="colorfff font14">废气排放强度</div>
								</div>
								<div>
									<div class="font18 mb5" style="color: #75E7FF;">
										{{dataList4.defRun.autoMonitorPercent || '--'}}%</div>
									<div class="colorfff font14">自动化程度</div>
								</div>
							</div>
						</div>
						<div style="font-size: 13px;color: #4E74E3;">
							数据源：{{dataList4.defRun.dataNum || '--'}}组
						</div>
					</div>

					<div style="height: 32px;background: linear-gradient(270deg, #041C62, #1649A4);"
						class="displayFlex mt12">
						<div class="inset-box">其它</div>
					</div>
					<div class="displayFlexBet mt12">
						<div class="flex1 mr12 point textCenter pb20" @click="$router.push('/soil/survey')" style="background: #041C62;">
							<div class="colorfff font14"
								style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">土壤</div>
							<div class="displayFlexBet textCenter">
								<div class="flex1">
									<div class="font18 mb5" style="color: #75E7FF;">{{dataList5.normalPercent || '--'}}%</div>
									<div class="colorfff font14">监测完成率</div>
								</div>
								<div style="width: 1px;background: #1649A4;height: 142px;"></div>
								<div class="flex1">
									<div class="font18 mb5" style="color: #75E7FF;">{{dataList5.completePercent || '--'}}%</div>
									<div class="colorfff font14">监测达标率</div>
								</div>
							</div>
							<div style="font-size: 13px;color: #4E74E3;" class="mt20">
								{{dataList5.dataNum || '--'}}组数据源
							</div>
						</div>

						<div class="flex1 mr12 point textCenter pb20" @click="$router.push('/noise/noiseSurvey')"
							style="background: #041C62;">
							<div class="colorfff font14 "
								style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">噪音</div>
							<div class="displayFlexBet">
								<div class="flex1">
									<div class="font18 mb5" style="color: #75E7FF;">{{dataList6.normalPercent || '--'}}%</div>
									<div class="colorfff font14">监测完成率</div>
								</div>
								<div style="width: 1px;background: #1649A4;height: 142px;"></div>
								<div class="flex1">
									<div class="font18 mb5" style="color: #75E7FF;">{{dataList6.completePercent || '--'}}%</div>
									<div class="colorfff font14">监测达标率</div>
								</div>
							</div>
							<div style="font-size: 13px;color: #4E74E3;" class="mt20">
								{{dataList6.dataNum || '--'}}组数据源
							</div>
						</div>

						<div class="flex1 mr12 point pb20 textCenter" @click="$router.push('/filesManage/pdfManage')" style="background: #041C62;">
							<div class="colorfff font14 "
								style="background: linear-gradient(270deg, #0B3383, #1649A4);line-height: 32px;">环保档案资料</div>
							<div class="displayFlexBet ">
								<div class="flex1">
									<div class="font18 mb5" style="color: #75E7FF;">{{dataList7.completePercent || '--'}}%</div>
									<div class="colorfff font14">完成度</div>
								</div>
								<div style="width: 1px;background: #1649A4;height: 142px;"></div>
								<div class="flex1">
									<div class="font18 mb5" style="color: #75E7FF;">{{dataList7.evaluatePercent || '--'}}%</div>
									<div class="colorfff font14">评价率</div>
								</div>
								<div style="width: 1px;background: #1649A4;height: 142px;"></div>
								<div class="flex1">
									<div class="font18 mb5" style="color: #75E7FF;">{{dataList7.qualityPercent || '--'}}%</div>
									<div class="colorfff font14">档案质量</div>
								</div>
							</div>
							<div style="font-size: 13px;color: #4E74E3;" class="mt20">
								{{dataList7.dataNum || '--'}}组数据源
							</div>
						</div>
					</div>
				</div>

				<div class="mt20 displayFlexBet textCenter"
					style="width: 100%;height: 50px;background: linear-gradient(270deg, #041C62, #1649A4, #1649A4, #041C62);padding: 0 150px;">
					<div style="flex:1;position: relative;height: 100%;" @click="selectItem = '1'" class="point">
						<img src="@/assets/bigScreen/icon32.png" v-if="selectItem == '1'"
							style="width: 100%;height: 5px;position: absolute;top: 0%;left: 0%;" />
						<div class="font18" style="line-height: 50px;" :style="{'color':selectItem == '1'?'#75E7FF':'#fff'}">
							废气管理
						</div>
					</div>
					<div style="flex:1;position: relative;height: 100%;" @click="selectItem = '2'" class="point">
						<img src="@/assets/bigScreen/icon32.png" v-if="selectItem == '2'"
							style="width: 100%;height: 5px;position: absolute;top: 0%;left: 0%;" />
						<div class="font18" style="line-height: 50px;" :style="{'color':selectItem == '2'?'#75E7FF':'#fff'}">
							废水管理
						</div>
					</div>
					<div style="flex:1;position: relative;height: 100%;" @click="selectItem = '3'" class="point">
						<img src="@/assets/bigScreen/icon32.png" v-if="selectItem == '3'"
							style="width: 100%;height: 5px;position: absolute;top: 0%;left: 0%;" />
						<div class="font18" style="line-height: 50px;" :style="{'color':selectItem == '3'?'#75E7FF':'#fff'}">
							固(危)废管理
						</div>
					</div>
					<div style="flex:1;position: relative;height: 100%;" @click="selectItem = '4'" class="point">
						<img src="@/assets/bigScreen/icon32.png" v-if="selectItem == '4'"
							style="width: 100%;height: 5px;position: absolute;top: 0%;left: 0%;" />
						<div class="font18" style="line-height: 50px;" :style="{'color':selectItem == '4'?'#75E7FF':'#fff'}">
							清洁生产及其它
						</div>
					</div>
				</div>
			</div>
		</div>


	</div>
</template>

<script>
	import * as echarts from 'echarts';
	let that
	export default {
		data() {
			return {
				dataList1: {
					onlineMonitor: {},
					stdBook: {},
					defRun: {},
					inspect: {},
					doc: {},
					warning: {},
					selfMonitor: {}
				},
				dataList2: {
					examine: {
						list: []
					}
				},
				dataList3: {},
				dataList4: {
					onlineMonitor: {},
					stdBook: {},
					defRun: {},
					inspect: {},
					doc: {},
					warning: {},
					selfMonitor: {}
				},
				dataList5: {},
				dataList6: {},
				dataList7: {},
				dataList8: {},
				dataList9: {},
				selectItem: '4',
			}
		},
		created: function() {},
		mounted: function() {
			that = this
			that.getWaterRiskList()
			that.getGasData()
			that.getHwData()
			that.getSwData()
			that.getWaterData()
			that.getSoilData()
			that.getNoiseData()
			that.geDocData()
			that.getTransportData()
		},

		methods: {

			getTransportData() {
				that.ajax({
					url: 'oneMap/v2/getTransportData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList9 = result.data
					},
				})
			},

			getProduceData() {
				that.ajax({
					url: 'oneMap/v2/getProduceData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList8 = result.data
					},
				})
			},


			geDocData() {
				that.ajax({
					url: 'oneMap/v2/geDocData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList7 = result.data
					},
				})
			},

			getNoiseData() {
				that.ajax({
					url: 'oneMap/v2/getNoiseData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList6 = result.data
					},
				})
			},

			getSoilData() {
				that.ajax({
					url: 'oneMap/v2/getSoilData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList5 = result.data
					},
				})
			},

			getWaterData() {
				that.ajax({
					url: 'oneMap/v2/getWaterData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList4 = result.data
					},
				})
			},

			getSwData() {
				that.ajax({
					url: 'oneMap/v2/getSwData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList3 = result.data
					},
				})
			},

			getHwData() {
				that.ajax({
					url: 'oneMap/v2/getHwData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList2 = result.data
					},
				})
			},
			getGasData() {
				that.ajax({
					url: 'oneMap/v2/getGasData',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList1 = result.data
					},
				})
			},

			gotoPage(item, type) {
				console.log(item)
				let routerUrl = "/filesManage/pdfManage"
				if (item.title.includes("巡检计划")) routerUrl = "/entScheduleAddPlan"
				if (item.title.includes("巡检任务")) routerUrl = "/entScheduleAddPlan"
				if (type == "water") {
					if (item.title.includes("在线监测")) routerUrl = "/wasteWater/home"
					if (item.title.includes("自行监测")) routerUrl = "/wasteWater/survey"
					if (item.title.includes("台账")) routerUrl = "/wasteWater/order"
					if (item.title == '废水运行制度') routerUrl = "/filesManage/pdfDet?categoryMainId=105&itemId=124"
					if (item.title == '废水标识设置') routerUrl = "/filesManage/pdfDet?categoryMainId=105&itemId=125"
					if (item.title == '废水化学品培训') routerUrl = "/filesManage/pdfDet?categoryMainId=105&itemId=127"
					if (item.title == '废水应急演练') routerUrl = "/filesManage/pdfDet?categoryMainId=105&itemId=130"
				}
				if (type == "gas") {
					if (item.title.includes("在线监测")) routerUrl = "/wasteGas/home"
					if (item.title.includes("自行监测")) routerUrl = "/wasteGas/survey"
					if (item.title.includes("台账")) routerUrl = "/wasteGas/order"
					if (item.title == '废气运行制度') routerUrl = "/filesManage/pdfDet?categoryMainId=106&itemId=131"
					if (item.title == '废气标识设置') routerUrl = "/filesManage/pdfDet?categoryMainId=106&itemId=132"
					if (item.title == '废气化学品培训') routerUrl = "/filesManage/pdfDet?categoryMainId=106&itemId=134"
					if (item.title == '废气应急演练') routerUrl = "/filesManage/pdfDet?categoryMainId=106&itemId=137"
				}
				if (routerUrl.includes("?categoryMainId")) {
					routerUrl = routerUrl + "&ticketId=" + this.$store.state.token
				} else {
					routerUrl = routerUrl + "?ticketId=" + this.$store.state.token
				}
				that.$router.push(routerUrl)
			},

			getHwWasteRiskList() {
				that.ajax({
					url: 'risk/getHwWasteRiskList',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList3 = result.data
						that.formChart("main3", result.data, "危废")
					},
				})
			},

			getGasRiskList() {
				that.ajax({
					url: 'risk/getGasRiskList',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						that.dataList2 = result.data
						that.formChart("main2", result.data, "废气")
					},
				})
			},

			getWaterRiskList() {
				that.ajax({
					url: 'risk/getWaterRiskList',
					contentType: 'application/json',
					data: JSON.stringify({

					}),
					success: function(result) {
						//that.dataList1 = result.data
						that.formChart("main1", result.data, "废水")
					},
				})
			},


			formChart(id, dataList, title) {
				let chartDom = document.getElementById(id);
				let myChart = echarts.init(chartDom);
				let option;
				let names = []
				let datas = []

				for (let item of dataList) {
					console.log(item)
					names.push({
						name: item.title,
						max: 5
					})
					datas.push(item.score)
				}

				//console.log(datas)

				option = {
					legend: {
						show: false
					},
					radar: {
						shape: 'circle',
						indicator: names,
						splitLine: {
							show: true,
							lineStyle: {
								color: ['#eee'],
								type: 'dashed'
							}
						},
						splitArea: {
							//show: false,
							areaStyle: {
								color: '#ffff',
							}
						},
						axisLine: {
							lineStyle: {
								color: '#eee',
								type: 'dashed'
							}
						},
						boundaryGap: true
					},
					series: [{
						name: '',
						type: 'radar',
						data: [{
							value: datas,
							name: 'name',
							label: {
								show: true,
								formatter: function(params) {
									return params.value;
								}
							},
							areaStyle: {
								color: '#DAD5F9'
							}
						}]
					}]
				};

				option && myChart.setOption(option);
			},

		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.flex1 {
		flex: 1
	}

	.flex2 {
		flex: 2
	}

	.inset-box {
		background-image: url('../../assets/bigScreen/icon6.png');
		width: 140px;
		height: 32px;
		line-height: 32px;
		padding-left: 11px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		font-size: 18px;
		color: #FFFFFF;
	}

	.inset-box::before {
		width: 0px;
		height: 0px;
		position: absolute;
		content: '';
		top: 0px;
		right: 0px;
		border: 5px solid #041C62;
		border-bottom-color: transparent;
		border-left-color: transparent;
	}

	.mb40 {
		margin-bottom: 40px
	}
</style>